iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
0
自我挑戰組

Hello Swift系列 第 4

4/30 UI元件之View-2

  • 分享至 

  • xImage
  •  

(承3/30 UI元件之View-1)

如果以程式碼產生UIView呢?(紫色區塊)

設置viewArea的位置與範圍

let viewArea = CGRect(x: 50, y: 400, width: 100, height: 50)

以viewArea的範圍當作參數生成UIView

let smallRect = UIView(frame: viewArea)

設置UIView的顏色

smallRect.backgroundColor = UIColor.purple

加入subview
用程式碼產生畫面上的元件時,一定要加入整個畫面的View當作Subview

.addSubview為UIView的方法,用於加入subview(子視圖)
view.addSubview(smallRect)
        
//將紫色的UIView加入灰色的UIvewi(101)內
view.viewWithTag(101)?.addSubview(smallRect)

Results

小筆記

  • UIKit
    製作使用者介面的函示庫,如:按鈕、文字、圖片
  • UIView的子類別
    UIButton(按鈕)、UITextfield(文字)、UIImageView(圖片)、UILabel(標籤)...等
  • UIView
    畫面上的一個四方形區域

上一篇
3/30 UI元件之View-1
下一篇
5/30 UI元件之Switch
系列文
Hello Swift30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言